import React from "react";

import { uniqueId } from "lodash";

const FileConfigurationProfile = () => {
  const clipPathIdA = uniqueId("clip-path-");
  const clipPathIdB = uniqueId("clip-path-");

  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
      <g clipPath={`url(#${clipPathIdA})`}>
        <path
          fill="#fff"
          stroke="#192147"
          strokeWidth={0.5}
          d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
        />
        <g fill="#8B8FA2" clipPath={`url(#${clipPathIdB})`}>
          <path d="M16.999 14.714a6.788 6.788 0 1 0 0 13.575 6.788 6.788 0 0 0 0-13.575Zm0 12.407a5.619 5.619 0 0 1-5.62-5.62 5.619 5.619 0 0 1 5.62-5.62 5.619 5.619 0 0 1 5.62 5.62 5.619 5.619 0 0 1-5.62 5.62Z" />
          <path d="M16.999 23.207a1.708 1.708 0 1 0 0-3.416 1.708 1.708 0 0 0 0 3.416Z" />
          <path d="M26.839 22.26c-.933-.417-.933-1.101 0-1.52.933-.419.87-.891-.14-1.054-1.007-.163-1.186-.821-.393-1.466.794-.644.61-1.086-.407-.982-1.017.105-1.359-.486-.759-1.314.598-.829.308-1.208-.646-.843-.954.366-1.439-.118-1.073-1.072.365-.954-.017-1.245-.843-.647-.826.598-1.419.256-1.314-.759.105-1.017-.338-1.198-.982-.407-.645.793-1.305.617-1.466-.393-.16-1.01-.635-1.07-1.054-.14-.417.933-1.1.933-1.52 0-.416-.933-.89-.87-1.054.14-.163 1.01-.821 1.186-1.466.393-.644-.793-1.086-.61-.981.407.104 1.017-.487 1.359-1.315.759-.829-.6-1.208-.307-.842.646.363.955-.12 1.439-1.073 1.073-.954-.363-1.245.017-.647.843.598.828.256 1.419-.759 1.314-1.017-.104-1.198.338-.407.982.794.645.617 1.306-.393 1.466-1.01.16-1.07.635-.14 1.054.931.419.933 1.1 0 1.52-.933.418-.87.89.14 1.054 1.01.163 1.187.821.393 1.466-.793.644-.61 1.086.407.982 1.017-.105 1.36.486.759 1.314-.598.829-.307 1.208.647.843.954-.363 1.438.118 1.073 1.072-.364.954.016 1.245.842.647.826-.598 1.42-.256 1.315.759-.105 1.017.337 1.198.981.407.645-.794 1.306-.617 1.466.393.163 1.01.636 1.07 1.054.14.417-.933 1.101-.933 1.52 0 .416.933.891.87 1.054-.14.163-1.01.821-1.187 1.466-.393.644.793 1.087.61.982-.407-.105-1.017.486-1.36 1.314-.759.829.6 1.208.307.843-.647-.363-.954.119-1.438 1.073-1.072.954.365 1.244-.017.646-.843-.598-.828-.256-1.42.759-1.314 1.017.104 1.198-.338.407-.982-.791-.645-.617-1.306.393-1.466 1.01-.163 1.07-.636.14-1.054Zm-9.84 7.306a8.067 8.067 0 1 1 0-16.132 8.068 8.068 0 0 1 0 16.134v-.002Z" />
          <path d="m23.195 21.992-5.894-1.317-2.945-4.64-1.31.833 2.945 4.64-1.314 5.892 1.514.34 1.215-5.452 5.452 1.217.337-1.513Z" />
        </g>
        <path
          fill="#C5C7D1"
          d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
        />
        <path
          stroke="#192147"
          strokeWidth={0.5}
          d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
        />
      </g>
      <defs>
        <clipPath id={clipPathIdA}>
          <path fill="#fff" d="M0 0h34v40H0z" />
        </clipPath>
        <clipPath id={clipPathIdB}>
          <path fill="#fff" d="M6.5 11h21v21h-21z" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default FileConfigurationProfile;
